<div [class]="'el-message ' + customClass + (type && !iconClass ? ' el-message--' + type : '')"
    [class.is-center]="center" style="visibility: hidden; transition: all .25s" role="alertdialog"
    [ngStyle]="{ 'z-index': zIndex }" (mouseenter)="clearTimer()" (mouseleave)="startTimer()"
    [@messageAnimation]="showBox"> <i [class]="iconClass" *ngIf="iconClass"></i> <i [class]="makeTypeClass()"
        *ngIf="!iconClass"></i>
    <p class="el-message__content" tabindex="0">{{ message }}</p>
    <div *ngIf="showClose" class="el-message__closeBtn el-icon-close" (click)="close()" role="button"></div>
</div>